<?xml version="1.0" encoding="ISO-8859-1" ?>

<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:c="http://java.sun.com/jsp/jstl/core" version="2.0">
	<jsp:directive.page contentType="text/html; charset=ISO-8859-1"
		pageEncoding="ISO-8859-1" session="true" />
	<jsp:output doctype-root-element="html"
		doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"
		doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
		omit-xml-declaration="true" />

	<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gamer's Community</title>
<jsp:include page="common/headerScripts.jsp" />
<link rel="stylesheet" href="${root}/css/L75R25.css" />
<script>
	$(document)
			.ready(
					function() {
						$("#form")
								.validate(
										{
											rules : {
												old_password : {
													required : true,
													minlength : 5
												},
												new_password : {
													required : true,
													minlength : 5
												},
												confirm_password : {
													required : true,
													minlength : 5,
													equalTo : "#password"
												},
											},
											messages : {
												old_password : {
													required : "Please provide a password",
													minlength : "Your password must be at least 5 characters long"
												},
												new_password : {
													required : "Please provide a password",
													minlength : "Your password must be at least 5 characters long"
												},
												confirm_password : {
													required : "Please provide a password",
													minlength : "Your password must be at least 5 characters long",
													equalTo : "Please enter the same password as above"
												}
											}
										});
					});
</script>
</head>
<body>

	<jsp:include page="common/header_nav.jsp" />
	<!-- main starts -->
	<div id="main" class="grid-block">
		<div id="maininner" class="grid-box">
			<section id="content" class="grid-block">
				<div id="system-message-container"></div>
				<div id="system">
					<div class="items items-col-0 grid-block">
						<!-- Main Content -->

						<c:if test="${not empty msg }">
							<div id="error">${msg }</div>
						</c:if>

						<!-- start User Profile form -->
						<div id="div-regForm">
							<div class="form-sub-title">Change Password</div>

							<form action="changepassword" method="post" id="form">
								<table>
									<tbody>
										<tr>
											<td><label for="pass">Old Password:</label>
											</td>
											<td><div class="input-container">
													<input type="password" name="old_password" />
												</div>
											</td>
										</tr>
										<tr>
											<td><label for="pass">New Password:</label>
											</td>
											<td><div class="input-container">
													<input type="password" name="new_password" id="password" />
												</div>
											</td>
										</tr>
										<tr>
											<td><label for="pass_confirm">Confirm Password:</label>
											</td>
											<td><div class="input-container">
													<input type="password" name="confirm_password" />
												</div>
											</td>
										</tr>
										<tr>
											<td>&amp;nbsp;</td>
											<td><input type="submit" name="submit"
												value="Change Password" class="greenButton" />
											</td>
										</tr>
									</tbody>
								</table>

							</form>
						</div>




						<!-- end User Profile form -->

						<!-- Main Content ends-->
					</div>
				</div>
			</section>
		</div>
		<!-- maininner end -->

		<jsp:include page="UserPanel.jsp" />
	</div>
	<!-- main end -->

	<jsp:include page="common/footer.jsp" />


</body>
	</html>
</jsp:root>





